// 注册页面
.reg {
    width: 100%;
    height: 100%;
    position: fixed;
    .loginbg;
    .reg-item {
        margin: 10rpx auto;
    }
    .uni-grid-9 {
        background: none;
        border: none;
    }
    .uni-grid-9 {
        width: 100%;
    }
    .uni-grid-9-item {
        border: none;
        height: auto;
        color: #fff;
        display: block;
        width: 50%;
    }
    .uni-grid-9-item-hover {
        color: #f1f1f3;
    }
    .reg-but button {
        width: 100%;
        height: 80rpx;
        border-radius: 80rpx;
        line-height: 80rpx;
        color: #fff;
        font-size: 28rpx;
        border: none;
        background: -webkit-gradient(linear, 0 0%, 80% 100%, from(#00c5ff), to(#0976ff));
        margin-top: 80rpx;
    }
    .with-fun {
        display: flex;
        height: 100rpx;
        line-height: 100rpx;
        margin-bottom: 0rpx;
        background: none;
        border-bottom: 1px solid #c7c7c7;
        align-items: center;

        uni-input {
            margin-top: 10rpx;
            color: #fff;
        }
    }
    .with-fun .title {
        color: #fff;
        width: 130rpx;
        font-size: 28rpx;
    }
    .with-fun uni-view {
        line-height: 100rpx;
        margin-left: 20rpx;
    }

    .with-fun .fasticon {
        font-size: 45rpx;
        color: rgb(102, 102, 102);
    }
    .with-fun .uni-input {
        background: none;
    }
    .with-fun .icon {
        line-height: 80rpx;
        margin-right: 20rpx;
        color: #3399ff;
        font-size: 36rpx;
    }
    .form {
        margin-top: 50rpx;
    }
    .astyle a {
        color: #fff;
        text-decoration: none;
    }
    .getyzm {
        height: 60rpx;
        border-radius: 50rpx;
        background: -webkit-gradient(linear, 0 0%, 80% 100%, from(#00c5ff), to(#0976ff));
        font-size: 24rpx;
        line-height: 60rpx;
        margin-top: 20rpx;
        color: #fff;
    }
}
// 忘记密码
.forget {
    width: 100%;
    height: 100%;
    position: fixed;
    .loginbg;
    .lang {
        margin: 10rpx auto;
        margin-top: 60rpx;
        text-align: right;
        color: #fff;
        font-size: 28rpx;
        padding-top: 150rpx;
    }
    .reg-item {
        margin: 10rpx auto;
    }
    .uni-grid-9 {
        background: none;
        border: none;
    }
    .uni-grid-9 {
        width: 100%;
    }
    .uni-grid-9-item {
        border: none;
        height: auto;
        color: #fff;
        display: block;
        width: 50%;
    }
    .uni-grid-9-item-hover {
        color: #f1f1f3;
    }
    .reg-but button {
        width: 100%;
        height: 80rpx;
        border-radius: 80rpx;
        line-height: 80rpx;
        color: #fff;
        font-size: 28rpx;
        border: none;
        background: -webkit-gradient(linear, 0 0%, 80% 100%, from(#00c5ff), to(#0976ff));
        margin-top: 80rpx;
    }
    .with-fun {
        display: flex;
        height: 100rpx;
        line-height: 100rpx;
        margin-bottom: 0rpx;
        background: none;
        border-bottom: 1px solid #c7c7c7;
        align-items: center;
        uni-input {
            margin-top: 10rpx;
            color: #fff;
        }
    }
    .with-fun .title {
        color: #fff;
        width: 150rpx;
        font-size: 28rpx;
    }
    .with-fun uni-view {
        line-height: 100rpx;
        margin-left: 20rpx;
    }

    .with-fun .fasticon {
        font-size: 45rpx;
        color: rgb(102, 102, 102);
    }
    .with-fun .uni-input {
        background: none;
    }
    .with-fun .icon {
        line-height: 80rpx;
        margin-right: 20rpx;
        color: #3399ff;
        font-size: 36rpx;
    }
    .form {
        margin-top: 50rpx;
    }
    .astyle a {
        color: #fff;
        text-decoration: none;
    }
    .getyzm {
        height: 60rpx;
        border-radius: 50rpx;
        background: -webkit-gradient(linear, 0 0%, 80% 100%, from(#00c5ff), to(#0976ff));
        font-size: 24rpx;
        line-height: 60rpx;
        margin-top: 20rpx;
        color: #fff;
    }
}
.login {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    .loginbg;
    .lang {
        margin: 10rpx auto;
        margin-top: 60rpx;
        text-align: right;
        color: #fff;
        font-size: 28rpx;
        width: 90%;
        padding-top: 40rpx;
    }
    .login-item {
        margin: 10rpx auto;
        color: #fff;
    }
    .uni-grid-9 {
        background: none;
        border: none;
        display: flex;
        justify-content: space-between;
        uni-view {
            width: 33.3%;
        }
    }
    .uni-grid-9 {
        width: 100%;
    }
    .uni-grid-9-item {
        border: none;
        height: auto;
        color: #fff;
        display: block;
        width: 33%;
    }
    .uni-grid-9-item-hover {
        color: #f1f1f3;
    }
    .login-but button {
        width: 100%;
        height: 80rpx;
        border-radius: 80rpx;
        line-height: 80rpx;
        color: #fff;
        font-size: 28rpx;
        border: none;
        background: -webkit-gradient(linear, 0 0%, 80% 100%, from(#00c5ff), to(#0976ff));
        margin-top: 80rpx;
    }
    .with-fun {
        display: flex;
        height: 80rpx;
        line-height: 80rpx;
        margin-bottom: 50rpx;
        background: #f2f2f2;
        border-radius: 80rpx;
        justify-content: space-between;
        align-items: center;
    }
    .with-fun uni-view {
        line-height: 80rpx;
        margin-left: 20rpx;
    }
    .with-fun .fasticon {
        font-size: 45rpx;
        color: rgb(102, 102, 102);
        margin-left: 20rpx;
    }
    .with-fun .uni-input {
        background: none;
    }
    .with-fun .icon {
        line-height: 80rpx;
        margin-right: 20rpx;
        color: #3399ff;
        font-size: 36rpx;
    }
    .form {
        margin-top: 50rpx;
    }
    .astyle a {
        color: #fff;
        text-decoration: none;
    }
}
.w90 {
    width: 90%;
    margin: auto;
}
.loginbg {
    background: url('')
        center center no-repeat;
    background-size: cover;
}
// 首页
.home {
    width: 100%;
    .home-header {
        width: 750rpx;
        height: 438rpx;
    }
    .home-header .headerbg {
        width: 100%;
        height: 438rpx;
    }
    .home-head {
        position: relative;
    }
    .home-header2 {
        position: absolute;
        top: 0rpx;
        color: #fff;
        height: 438rpx;
    }
    .home-set {
        width: 750rpx;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 80rpx;
    }
    .home-set .icon-shezhi {
        margin-right: 20rpx;
        font-size: 40rpx;
    }
    .icon-saoma {
        width: 750rpx;
        height: 120rpx;
        justify-content: center;
        align-items: center;
        font-size: 120rpx;
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .icon-saoma::before {
    }
    .saoyisao {
        text-align: center;
    }
    .saoyisao2 {
        font-size: 35rpx;
    }
    .home-foot {
        height: 120rpx;
        background: -webkit-gradient(
            linear,
            0 0%,
            80% 100%,
            from(rgba(53, 145, 207, 0.4)),
            to(rgba(32, 79, 243, 0.4))
        );
        width: 750rpx;
    }
    .home-foot {
        position: absolute;
        bottom: 0rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        .home-left {
            width: 50%;
            box-sizing: border-box;
            border-right: 1px solid #c7c7c7;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 25rpx;
        }
        .home-right {
            width: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 25rpx;
        }
    }
    .zichan {
        font-size: 35rpx;
    }
    .home-banner {
        width: 750rpx;
        height: 334rpx;
    }
    .home-list {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        background: #fff;
        .zc {
            width: 250rpx;
            height: 200rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            box-sizing: border-box;
            border-right: 1rpx solid #c7c7c7;
            border-bottom: 1rpx solid #c7c7c7;
        }
        .zc:nth-child(3n + 3) {
            border-right: none;
        }
        .zc:nth-of-type(7) {
            border-bottom: none;
        }
        .zc:nth-of-type(8) {
            border-bottom: none;
        }
        .zc .icon {
            color: rgb(93, 163, 255);
            font-size: 50rpx;
            margin-bottom: 20rpx;
        }
        .zc2 .icon {
            color: rgb(255, 105, 101);
        }
        .zc3 .icon {
            color: rgb(253, 199, 42);
        }
        .zc4 .icon {
            color: rgb(63, 205, 133);
        }
        .zc5 .icon {
            color: rgb(67, 215, 194);
        }
        .zc6 .icon {
            color: rgb(255, 126, 0);
        }
        .zc7 .icon {
            color: rgb(93, 172, 255);
        }
        .zc8 .icon {
            color: rgb(210, 0, 125);
        }
    }
    .bgs {
        background: #f4f4f4;
        overflow: hidden;
        padding-top: 20rpx;
        padding-bottom: 30rpx;
    }
}
// 公告
.notice-lists {
    height: 100rpx;
    width: 710rpx;
    justify-content: space-between;
    padding-left: 20rpx;
    padding-right: 20rpx;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #c7c7c7;
    color: rgb(51, 51, 51);
}

// 公告详情
.details {
    .h1 {
        color: #000;
        font-size: 30rpx;
        line-height: 45rpx;
        font-weight: 600;
        width: 750rpx;
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
        margin-top: 30rpx;
    }
    .time {
        color: #999999;
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
        .icon {
            font-size: 20rpx;
            color: rgb(102, 102, 102);
            margin-right: 20rpx;
        }
    }
    .content {
        background: #fff;
        font-size: 25rpx;
        line-height: 40rpx;
        color: #787878;
    }
}
// 用户中心
.usercenter {
    .headers {
        width: 750rpx;
        height: 300rpx;
        position: relative;
        .headerk {
            position: absolute;
            top: 0rpx;
            .headerkc {
                width: 720rpx;
                color: #fff;
                margin-top: 20rpx;
                display: flex;
                text-align: right;
                margin-right: 20rpx;
                font-size: 20rpx;
                align-items: center;
                justify-content: flex-end;
                padding-right: 30rpx;
                .icon {
                    margin-right: 10rpx;
                    font-size: 30rpx;
                }
                .checktx {
                    font-size: 20rpx;
                }
            }
            .userid {
                width: 750rpx;
                height: 120rpx;
                align-items: center;
                display: flex;
                margin-top: 30rpx;
                justify-content: flex-start;
                .userabout {
                    color: #fff;
                    font-size: 24rpx;
                }
                .u-head {
                }
                .u-ms {
                    font-size: 20rpx;
                    font-weight: 300;
                }
            }
            .userhead {
                width: 120rpx;
                height: 120rpx;
                margin-left: 30rpx;
                margin-right: 30rpx;
            }
        }
    }
    .headerbg {
        height: 300rpx;
        width: 750rpx;
    }
    .usercenterlist1 {
        width: 750rpx;
        height: 100rpx;
        justify-content: space-between;
        align-items: center;
        display: flex;
        border-bottom: 1rpx solid #c7c7c7;
        font-size: 20rpx;
        color: rgb(51, 51, 51);
    }
	.usercenterlist1:last-child{
		border-bottom: 0;
	}
    .userleft {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 20rpx;
        .icon {
            font-size: 40rpx;
            color: rgb(235, 96, 64);
            margin-left: 10rpx;
            margin-right: 10rpx;
        }
        .icon-tel {
            color: rgb(78, 179, 78);
        }
        .icon-tuandui {
            color: rgb(148, 116, 243);
        }
        .icon-qiandai {
            color: rgb(67, 215, 194);
        }
        .icon-mima {
            color: rgb(254, 111, 151);
        }
        .icon-gonggaoguanli {
            color: rgb(210, 0, 125);
        }
        .icon-dingdan {
            color: rgb(99, 165, 218);
        }
        .icon-dizhi {
            color: rgb(73, 180, 81);
        }
		.icon-tubiao212{
			color: rgb(93, 172, 255);
		}
		.icon-vimeo3{
			color: rgb(227, 151, 73);
		}
    }
	.logout{
		    background: -webkit-gradient(linear, 0 0%, 80% 100%, from(#f95656), to(#ca1717));
			height: 80rpx;
			width: 600rpx;
			margin:50rpx auto;
			border-radius: 80rpx;
			color: #fff;
			font-size: 20rpx;
			display: flex;
			justify-content: center;
			align-items: center;
	}
    .userright {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 20rpx;
    }
}
